﻿<!doctype HTML>

<html>

    <head>

        <!--GOOGLE ANALYTICS -->

        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments);
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m);
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-53105113-1', 'auto');
            ga('send', 'pageview');

        </script>



        <!--SEO--->
        <meta name="description" content="Search for a topic to chat about with other people around the world." />
        <meta name="keywords" content="Wextr, wextr, social media, chat">

        <title>Wextr</title>
        <link rel="shortcut icon" href="bilder/thumbnail.png"/>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/prototyp5.css" />
        <link rel="stylesheet" href="css/about.css" />
        <!--Responsive css -->
        <link href="css/responsive.css" rel="stylesheet" media="all and (max-height: 1524px)">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
        <script src='http://wextserv.nodejitsu.com:80/socket.io/socket.io.js'></script>
        <script>
            var chatrooms = [], //title, au, id, color  wextr-hashcat.jit.su
                    tempName = "",
                    qs = window.location.href.split('=');

            var joinRoom = function (room) {
                tempName = room;
                $('#startsida-content').css('top', '5%');
                $('#startsida-content').load('chat-room.html');
            };

            $(document).ready(function () {
                if (typeof (qs[1]) !== 'undefined' && (qs[1]).indexOf('#') === -1) {
                    joinRoom(qs[1]);
                }
            });
        </script>
        <script src="./js/globalFunctions.js"></script>
        <script src="./js/index.js"></script>
        <script src='./js/login.js'></script>
        <script src='./js/validate.js'></script>
        <script src='./js/validateToken.js'></script>


<body id="playfull">

<!--START NAVIGATION FROM LEFT -->
    
    <nav class="main-nav" id="main-nav"></nav>

<!--END NAVIGATION FROM LEFT -->

<!--START ACCOUNT LOGIN FROM RIGHT -->
    
    <div id="loginContainer"></div>

<!--END ACCOUNT LOGIN FROM RIGHT -->

<!--START HEADER -->

    <div id="header">
        <div id="header-box-nav">
            <a href="#main-nav" class="open-menu">
                <img alt="prototype" src="bilder/menu-alt-48.png" onmouseover="this.src='bilder/menu-alt-48-blue.png'" onmouseout="this.src='bilder/menu-alt-48.png'">
            </a>
        </div>
        <div id="loginBox">
        <a href="#account-login-main-nav" class="open-menu">
            <div id="account-login-header-box-nav">        
                CHECKING LOGIN STATUS...
            </div>
        </a>
        </div>
    </div>

<!--END HEADER -->

<!--START PAGE-CONTENT--> 

                    <div id="startsida-content">
                            <div class="wrap">
                                <div id="startsida-content-logo-box"></div>

                                <div id="startsida-content-search-box">
                                    <form class="form" id='main_search'>
                                        <input type="text" id='main_search_box' autocomplete="off" placeholder="Topic" required>
                                        <button type="submit"></button>
                                    </form>
                                </div>

                                <div id="startsida-content-howto-box">
                                    <h3 class="startsida-content-howto-box">Search for a topic to chat about with other people around the world.</h3>
                                </div>
                                
                                <div id="message-for-user">
                                    <p>To be able to use Wextr and try out our features you need to create an account and sign up with a beta key.</p>
                                </div>

                            </div>
                    </div>

                
        
				 



<!--END PAGE-CONTENT -->

<!--START SCRIPT -->
    <script type="text/javascript" src="js/search.js"></script>

<!--END SCRIPT -->

</body>

</html>

